import React from "react";
import {View,Text,Image,StyleSheet,Dimensions} from 'react-native'

export const MallGo = ()=>{
    const styles = StyleSheet.create({
        content:{
            // backgroundColor:'red',
            // width:width,
            height:130,
            marginTop:10,
            marginBottom:10,
            paddingLeft:10,
            paddingRight:10,
            display:'flex',
            flexDirection:'column',
            alignItems:'center',
        },
        imgs:{
            width: '100%',
            height:130
        },
        contentbox:{
            display:'flex',
            flexDirection:'row',
            alignItems:'center',
            justifyContent:'space-between',
            marginTop:10,
            width:'100%',
            height:125,
        },
        items:{
            width:'32%',
            alignItems:'center',
            justifyContent:'center',
            
            borderWidth:2,
            borderColor:'#3893e1',
            backgroundColor:'#3893e1',
            borderRadius:10,
            
        },
        itemsimg:{
            width:'100%',
            height:85,
            resizeMode: 'cover',//适应屏幕
            borderBottomLeftRadius:30,
            borderBottomRightRadius:30,
            borderTopLeftRadius:10,
            borderTopRightRadius:10,
            borderWidth:2,
            borderColor:'#3893e1',
        },
        imgtextbox:{
            alignItems:'center'
        },
        imgtext:{
            color:'#fff',
            fontSize:16,
            fontWeight:'bold',
            lineHeight:20,
        },
        imgtext2:{
            color:'#fff',
            fontSize:12,
            lineHeight:20,
        },
        //2
        items2:{
            width:'32%',
            alignItems:'center',
            justifyContent:'center',
            borderWidth:2,
            borderColor:'#FC486D',
            backgroundColor:'#FC486D',
            borderRadius:10,
            
        },
        itemsimg2:{
            width:'100%',
            height:85,
            resizeMode: 'cover',//适应屏幕
            borderBottomLeftRadius:30,
            borderBottomRightRadius:30,
            borderTopLeftRadius:10,
            borderTopRightRadius:10,
            borderWidth:2,
            borderColor:'#FC486D',
        },
        imgtextbox2:{
            alignItems:'center'
        },
        imgtext22:{
            color:'#fff',
            fontSize:16,
            fontWeight:'bold',
            lineHeight:20,
        },
        imgtext222:{
            color:'#fff',
            fontSize:12,
            lineHeight:20,
        },
        //3 
        items3:{
            width:'32%',
            alignItems:'center',
            justifyContent:'center',
            borderWidth:2,
            borderColor:'#FE784D',
            backgroundColor:'#FE784D',
            borderRadius:10,
            
        },
        itemsimg3:{
            width:'100%',
            height:85,
            resizeMode: 'cover',//适应屏幕
            borderBottomLeftRadius:30,
            borderBottomRightRadius:30,
            borderTopLeftRadius:10,
            borderTopRightRadius:10,
            borderWidth:2,
            borderColor:'#FE784D',
        },
        imgtextbox3:{
            alignItems:'center'
        },
        imgtext3:{
            color:'#fff',
            fontSize:16,
            fontWeight:'bold',
            lineHeight:20,
        },
        imgtext23:{
            color:'#fff',
            fontSize:12,
            lineHeight:20,
        }
    })
    return (
        <View style={styles.content}>
            <Image source={require('../../assets/images/go.webp')} style={styles.imgs}></Image>
            <View style={styles.contentbox}>
                <View style={styles.items}>
                    <Image style={styles.itemsimg} source={require('../../assets/images/kh.webp')}></Image>
                    <View style={styles.imgtextbox}>
                        <Text style={styles.imgtext}>新人1元抢购</Text>
                        <Text  style={styles.imgtext2}>蓝牙耳机￥1</Text>
                    </View>
                </View>
                <View style={styles.items2}>
                    <Image style={styles.itemsimg2} source={require('../../assets/images/kh.webp')}></Image>
                    <View style={styles.imgtextbox2}>
                        <Text style={styles.imgtext22}>新人专享优惠</Text>
                        <Text  style={styles.imgtext222}>AHC￥198</Text>
                    </View>
                </View>
                <View style={styles.items3}>
                    <Image style={styles.itemsimg3} source={require('../../assets/images/kh.webp')}></Image>
                    <View style={styles.imgtextbox3}>
                        <Text style={styles.imgtext3}>9.9包邮</Text>
                        <Text  style={styles.imgtext23}>尔木葡￥16.8</Text>
                    </View>
                </View>
            </View>
        </View>
    )
}